import Vue from 'vue'
import VueRouter from 'vue-router'
import Job from '../views/Job.vue'
import My from '../views/My.vue'
// import Message from '../views/Message.vue'
// import Details from '../components/Details.vue'
import Search from '../components/Search.vue'
import Screen from '../components/Screen.vue'
import Set from '../components/Set.vue'

// import Location from '../components/Location.vue'

import Theme from '../components/Theme.vue'

Vue.use(VueRouter)

const routes = [
  {
    path: '/',
    name: 'job',
    component: Job,
  },
  {
    path: '/my',
    name: 'my',
    component: My
  },
  {
    path: '/message',
    name: 'message',
    component: () => import(/* webpackChunkName: "about" */ '../views/Message.vue')
  },
  {
    path: '/you',
    name: 'you',
    // route level code-splitting
    // this generates a separate chunk (about.[hash].js) for this route
    // which is lazy-loaded when the route is visited.
    component: () => import(/* webpackChunkName: "about" */ '../views/You.vue')
  },
  /* {
    path:'/details',
    name:'details',
    component: Details,
  }, */
  {
    path:'/search',
    name:'search',
    component:Search,
  },
  {
    path:'/screen',
    name:'screen',
    component:Screen,
  },
  {
    path:'/set',
    name:'set',
    component:Set,

  
  },
  {
    path:'/theme',
    name:'theme',
    component:Theme
  },

]

const router = new VueRouter({
  routes
})

export default router
